<template>
  <div class="page-container index-container">

    <div class="m-GenBox evaluate-main lscy pdt20">
    	<div class="tname tname1">总体学业负担</div>
		<div class="clearfix">
			<div class="u-cardBox evaluate-box2 u-cardBox2" key="ztxyfd">
				<div class="title">学业负担</div>
				<div class="cardMain" style="padding-left:20px">
					<u-lineEchart 
                        :keyId="'ztxyfd'" 
                        :legend="legendList0" :list="list0" disLegend fontNomal :yAxisName="'负担值（分）'" :xAxisName="'年份'" smooth>
                    </u-lineEchart>
				</div>
			</div>
		</div>
      <div class="tname">分维度历史对比</div>
      <div class="contentbox clearfix">
        <div class="u-cardBox evaluate-box" key="kwfd">
        	<div class="title">课外辅导</div>
			<div class="cardMain" style="padding-left:20px">
				<u-lineEchart 
					:keyId="'kwfd'" 
					:legend="legendList1" :list="list1" disLegend fontNomal :yAxisName="'负担值（分）'" :xAxisName="'年份'">
				</u-lineEchart>
			</div>
        </div>
        <div class="u-cardBox evaluate-box" key="stnd">
          <div class="title">试题难度</div>
		  <div class="cardMain" style="padding-left:20px">
				<u-barEchart
					:keyId="'stnd'"
					:legend="legendList2" :list="list2" :yAxisName="'负担值（分）'" :xAxisName="'年份'" hasDiff fontNomal disLegend :ishasBackground="false">
				</u-barEchart>
		  </div>
        </div>
        <div class="u-cardBox evaluate-box" key="jfcl">
          <div class="title">教辅材料</div>
		  <div class="cardMain" style="padding-left:20px">
				<u-lineEchart 
					:keyId="'jfcl'" 
					:legend="legendList3" :list="list3" disLegend fontNomal :yAxisName="'负担值（分）'" :xAxisName="'年份'" smooth>
				</u-lineEchart>
		  </div>
        </div>
        <div class="u-cardBox evaluate-box" key="fkzs">
          <div class="title">副科重视</div>
		  <div class="cardMain" style="padding-left:20px">
				<u-barEchart
					:keyId="'fkzs'"
					:legend="legendList4" :list="list4" :yAxisName="'负担值（分）'" :xAxisName="'年份'" hasDiff fontNomal disLegend :ishasBackground="false" > 
				</u-barEchart>
		  </div>
        </div>
        <div class="u-cardBox evaluate-box" key="xyyl">
          <div class="title">学业压力</div>
		  <div class="cardMain" style="padding-left:20px">
				<u-lineEchart 
					:keyId="'xyyl'" 
					:legend="legendList5" :list="list5" disLegend fontNomal :yAxisName="'负担值（分）'" :xAxisName="'年份'" smooth>
				</u-lineEchart>
		  </div>
        </div>
        <div class="u-cardBox evaluate-box">
          <div class="title">学习方法</div>
		  <div class="cardMain" style="padding-left:20px">
			  <u-barEchart
					:keyId="'fkzs2'"
					:legend="legendList4" :list="list4" :yAxisName="'负担值（分）'" :xAxisName="'年份'" hasDiff fontNomal disLegend :ishasBackground="false"> 
				</u-barEchart>
		  </div>
        </div>
      </div>
    </div>

  </div>
</template>

<script>
export default {
  data() {
    return {
        active: 0,
        value1: "0",
        value2: "1",
        xxfx: {
            value0:"1",
            value1: "",
            value2: "",
            value3: ""
        },
        wdfx: {
        value1: "",
        value2: "",
        value3: ""
        },
        options0:[
            {
                value:"1",
                label:"学业负担"
            }
        ],
        options1: [
            {
                value: "0",
                label: "全部年度"
            },
            {
                value: "1",
                label: "2020年"
            },
            {
                value: "2",
                label: "2019年"
            },
            {
                value: "3",
                label: "2018年"
            },
            {
                value: "4",
                label: "2017年"
            },
            {
                value: "5",
                label: "2016年"
            }
        ],
        options2: [
            {
                value: "1",
                label: "2020年学业负担调查问卷"
            },
            {
                value: "2",
                label: "2019年学业负担度调查问卷"
            },
            {
                value: "3",
                label: "2018年学业负担调查问卷"
            },
            {
                value: "4",
                label: "2017年学业负担调查问卷"
            },
            {
                value: "5",
                label: "2016年学业负担调查问卷"
            }
        ],
        options3: [
            {
                value: "1",
                label: "一年级"
            },
            {
                value: "2",
                label: "二年级"
            },
            {
                value: "3",
                label: "三年级"
            },
            {
                value: "4",
                label: "四年级"
            },
            {
                value: "5",
                label: "五年级"
            },
            {
                value: "6",
                label: "六年级"
            }
        ],
        options4: [
            {
                value: "1",
                label: "义鹏第一小学"
            },
            {
                value: "2",
                label: "天音幸福小学"
            },
            {
                value: "3",
                label: "金沙湖东方校区"
            },
            {
                value: "4",
                label: "启明中学"
            },
            {
                value: "5",
                label: "明珠小学"
            }
        ],
        options5: [
            {
                value: "1",
                label: "2020年"
            },
            {
                value: "2",
                label: "2019年"
            },
            {
                value: "3",
                label: "2018年"
            },
            {
                value: "4",
                label: "2017年"
            },
            {
                value: "5",
                label: "2016年"
            }
        ],
        tableData: [
            {
                name: "总体",
                num: "4.12",
                key: "2.52"
            },
            {
                name: "课外辅导",
                num: "2.63",
                key: "2.61"
            },
            {
                name: "试题难度",
                num: "5.00",
                key: "2.91"
            },
            {
                name: "教辅材料",
                num: "3.16",
                key: "2.53"
            },
            {
                name: "副科重视",
                num: "4.41",
                key: "1.50"
            },
            {
                name: "学习压力",
                num: "2.16",
                key: "1.90"
            },
            {
                name: "学习方法",
                num: "1.41",
                key: "2.53"
            }
        ],
        tableData2:[
            {
                name:'总体',
                qu:'3.32',
                shi:'3.66',
                sheng:'3.50'
            },
            {
                name:'课外辅导',
                qu:'3.20',
                shi:'3.21',
                sheng:'3.20'
            },
            {
                name:'试题难度',
                qu:'3.44',
                shi:'3.30',
                sheng:'3.62'
            },
            {
                name:'自信心',
                qu:'3.98',
                shi:'3.67',
                sheng:'3.75'
            },
            {
                name:'体艺兴趣',
                qu:'3.06',
                shi:'3.11',
                sheng:'3.28'
            },
            {
                name:'师生关系',
                qu:'2.97',
                shi:'3.01',
                sheng:'2.95'
            },
            {
                name:'规则意识',
                qu:'2.68',
                shi:'2.57',
                sheng:'2.66'
            },
        ],
        searchPar: {
            value1: "",
            value2: "",
            value3: "",
            value4: ""
        },
        options6: [
            {
            value: "1",
            label: "2020年度调研报告"
            },
            {
            value: "2",
            label: "2019年度调研报告"
            },
            {
            value: "3",
            label: "2018年度调研报告"
            },
            {
            value: "4",
            label: "2017年度调研报告"
            },
            {
            value: "5",
            label: "2016年度调研报告"
            }
        ],
        options7: [
            {
            value: "0",
            label: "全部学段"
            },
            {
            value: "1",
            label: "上学期"
            },
            {
            value: "2",
            label: "下学期"
            }
        ],
        options8: [
            {
            value: "1",
            label: "义鹏第一小学"
            },
            {
            value: "2",
            label: "天音幸福小学"
            },
            {
            value: "3",
            label: "金沙湖东方校区"
            },
            {
            value: "4",
            label: "启明中学"
            },
            {
            value: "5",
            label: "明珠小学"
            }
        ],
        options9: [
            {
            value: "1",
            label: "教育局关于中小学信息化发展状况调研报告"
            },
            {
            value: "2",
            label: "教师证上传"
            },
            {
            value: "3",
            label: "上学期考试难度调查报告"
            }
        ],
        cardList: [
            {
            title: "教育局关于中小学信息化发展状况调研报告",
            time: "2020.11.15"
            },
            {
            title: "教师证上传",
            time: "2020.11.16"
            },
            {
            title: "上学期考试难度调查报告",
            time: "2020.11.16"
            },
            {
            title: "上学期考试难度调查报告",
            time: "2020.11.16"
            },
            {
            title: "上学期考试难度调查报告",
            time: "2020.11.16"
            }
        ],
        //学业负担
        legendList0:[
            {name:'正常',color:'#00cd86',areaStyleColor:"#00cd86"},
        ],
        list0:[
            {name:"2018年",value:[3.2]},
            {name:"2019年",value:[2.8]},
            {name:"2020年",value:[3.2]},
        ],
        //课外辅导
        legendList1:[
            {name:'正常',color:'#00cd86',areaStyleColor:"#00cd86"},
        ],
        list1:[
            {name:"2018年",value:[3.1]},
            {name:"2019年",value:[2.2]},
            {name:"2020年",value:[2.8]},
        ],
        //试题难度
        legendList2:[
            {name:'2018年',key:1,itemcolor:['#ffe071','#ffbe63']},
            {name:'2019年',key:2,itemcolor:['#52a2fd','#1f88fe']},
            {name:'2020年',key:3,itemcolor:['#2dd681','#23c5a2']},
        ],
        list2:[
            {name:"2018年",key:1,value:[3.2]},
            {name:"2019年",key:2,value:[2.5]},
            {name:"2020年",key:3,value:[2.8]},
        ],
        //教辅材料
        legendList3:[
            {name:'正常',color:'#00cd86',areaStyleColor:"#00cd86"},
        ],
        list3:[
            {name:"2018年",value:[3.2]},
            {name:"2019年",value:[2.7]},
            {name:"2020年",value:[3.2]},
        ],
        //副科重视
        legendList4:[
            {name:'2018年',key:1,itemcolor:['#ffe071','#ffbe63']},
            {name:'2019年',key:2,itemcolor:['#52a2fd','#1f88fe']},
            {name:'2020年',key:3,itemcolor:['#2dd681','#23c5a2']},
        ],
        list4:[
            {name:"2018年",key:1,value:[3.2]},
            {name:"2019年",key:2,value:[2.5]},
            {name:"2020年",key:3,value:[3.5]},
        ],
        //学习压力
        legendList5:[
            {name:'正常',color:'#fdae3f',areaStyleColor:"#fdae3f"},
        ],
        list5:[
            {name:"2018年",value:[3.2]},
            {name:"2019年",value:[2.7]},
            {name:"2020年",value:[3.2]},
        ],
        //问卷详情
        legendListwjxq1:[
            {name:'3小时以上',color:'#ffc34d',itemcolor:['#ffc34d','#ffc34d']},
            {name:'2-3小时',color:'#f4987b',itemcolor:['#f4987b','#f4987b']},
            {name:'1-2小时',color:'#64d77f',itemcolor:['#64d77f','#64d77f']},
            {name:'1小时以下',color:'#7f9bfb',itemcolor:['#7f9bfb','#7f9bfb']},
        ],
        listwjxq1:[
            {name:"前进中学",value:[9.2,40.8,44.5,5.5]},
            {name:"义蓬中学",value:[12.5,38,44.5,5]},
            {name:"新围中学",value:[33.5,6.5,42.5,17.5]},
            {name:"新湾镇中学",value:[19.5,10.5,30,40]},
            {name:"临江一中",value:[40,10,20,30]},
            {name:"河庄初级中学",value:[30,15,30,25]},
            {name:"启慧初中",value:[21.5,28.5,30,20]},
            {name:"钱江小学",value:[29,31,15,25]},
        ],
        legendListwjxq2:[
            {name:'语文',color:'#ffc34d',itemcolor:['#ffc34d','#ffc34d']},
            {name:'英语',color:'#f4987b',itemcolor:['#f4987b','#f4987b']},
            {name:'数学',color:'#64d77f',itemcolor:['#64d77f','#64d77f']},
            {name:'其他',color:'#7f9bfb',itemcolor:['#7f9bfb','#7f9bfb']},
        ],
        listwjxq2:[
            {name:"前进中学",value:[11.5,28.5,35.5,24.5]},
            {name:"义蓬中学",value:[33,28.5,21.5,17]},
            {name:"新围中学",value:[29,31,25,15]},
            {name:"新湾镇中学",value:[37.5,22.5,25,15]},
            {name:"临江一中",value:[30,30,20,20]},
            {name:"河庄初级中学",value:[33.5,6.5,42.5,17.5]},
            {name:"启慧初中",value:[27.5,22.5,20,30]},
            {name:"钱江小学",value:[12.5,38,44.5,5]},
        ],
        legendListwjxq3:[
            {name:'10小时以上',color:'#ffc34d',itemcolor:['#ffc34d','#ffc34d']},
            {name:'8-9小时',color:'#f4987b',itemcolor:['#f4987b','#f4987b']},
            {name:'7-8小时',color:'#64d77f',itemcolor:['#64d77f','#64d77f']},
            {name:'少于7小时',color:'#7f9bfb',itemcolor:['#7f9bfb','#7f9bfb']},
        ],
        listwjxq3:[
            {name:"前进中学",value:[28,32,25,15]},
            {name:"义蓬中学",value:[20,50.5,19.5,10]},
            {name:"新围中学",value:[25,40,25,10]},
            {name:"新湾镇中学",value:[21,39,30,10]},
            {name:"临江一中",value:[33.5,36.5,22.5,7.5]},
            {name:"河庄初级中学",value:[37.5,22.5,25,15]},
            {name:"启慧初中",value:[22.5,38,34.5,5]},
            {name:"钱江小学",value:[21.5,28.5,35.5,14.5]},
        ],
        legendListwjxq4:[
            {name:'上课',color:'#ffc34d',itemcolor:['#ffc34d','#ffc34d']},
            {name:'午睡',color:'#f4987b',itemcolor:['#f4987b','#f4987b']},
            {name:'做作业',color:'#64d77f',itemcolor:['#64d77f','#64d77f']},
            {name:'其他',color:'#7f9bfb',itemcolor:['#7f9bfb','#7f9bfb']},
        ],
        listwjxq4:[
            {name:"前进中学",value:[5.5,35.5,39,20]},
            {name:"义蓬中学",value:[11,39,30,20]},
            {name:"新围中学",value:[7.5,22.5,40,30]},
            {name:"新湾镇中学",value:[12.5,47.5,30,10]},
            {name:"临江一中",value:[10,30,47.5,12.5]},
            {name:"河庄初级中学",value:[15,30,30,25]},
            {name:"启慧初中",value:[11.5,38.5,30,20]},
            {name:"钱江小学",value:[12.5,38,40,9.5]},
        ],
        //概况
        legendListgk1:[
            {name:'高于钱塘新区',min:3.2,max:5,color:'#F9C076',itemcolor:['#FAC751','#EE8138']},
            {name:'钱塘新区',key:1,color:'#2CD581',itemcolor:['#2DD681','#23C5A2']}, 
            {name:'低于钱塘新区',min:0,max:3.2,color:'#168DFF',itemcolor:['#51A6FA','#3D38EE']},
        ],
        listgk1:[
            {name:"义蓬第三小学",value:[3.6]},
            {name:"义蓬第四小学",value:[3.5]},
            {name:"义蓬第一小学",value:[3.4]},
            {name:"金沙湖东方校区",value:[3.35]},
            {name:"启成中学",value:[3.35]},
            {name:"明珠学校",value:[3.35]},
            {name:"临江第一小学",value:[3.3]},
            {name:"临江新城实验小学",value:[3.3]},
            {name:"河庄小学",value:[3.25]},
            {name:"义蓬第二小学",value:[3.25]},
            {name:"宏图小学",value:[3.25]},
            {name:"区级",key:1,value:[3.2]},
            {name:"新围小学",value:[3.2]},
            {name:"前进第一小学",value:[3.2]},
            {name:"新湾小学",value:[3.2]},
            {name:"启慧小学",value:[3.15]},
            {name:"市教研室附校",value:[3.15]},
            {name:"杭经开金沙湖实验学校",value:[3.1]},
            {name:"钱江小学",value:[3.1]},
            {name:"学正小学",value:[3.0]},
            {name:"听涛小学",value:[3.0]},
            {name:"月雅河小学",value:[2.9]},
            {name:"启源小学",value:[2.8]},
            {name:"江湾小学",value:[2.8]},
            {name:"景苑小学",value:[2.8]},
            {name:"下沙第二小学",value:[2.75]},
            {name:"下沙第一小学",value:[2.7]},
            {name:"新阳光学校",value:[2.65]},
            {name:"学林街小学",value:[2.6]},
            {name:"金沙湖金沙校区",value:[2.55]},
            {name:"江湾小学",value:[2.5]},
            {name:"钱江小学",value:[2.45]},
            {name:"实验外国语学校",value:[2.4]},
        ],
        legendListgk2:[
            {name:'高于钱塘新区',min:3.2,max:5,color:'#F9C076',itemcolor:['#FAC751','#EE8138']},
            {name:'钱塘新区',key:1,color:'#2CD581',itemcolor:['#2DD681','#23C5A2']}, 
            {name:'低于钱塘新区',min:0,max:3.2,color:'#168DFF',itemcolor:['#51A6FA','#3D38EE']},
        ],
        listgk2:[
            {name:"启成中学",value:[3.5]},
            {name:"前进中学",value:[3.4]},
            {name:"义蓬中学",value:[3.35]},
            {name:"新围中学",value:[3.3]},
            {name:"新湾镇中学",value:[3.25]},
            {name:"临江一中",value:[3.2]},
            {name:"河庄初级中学",value:[3.15]},
            {name:"启慧初中",value:[3.15]},
            {name:"下沙中学",value:[3.15]},
            {name:"区级",value:[3.2],key:1},
            {name:"学正中学",value:[3.1]},
            {name:"养正中学",value:[3.1]},
            {name:"东南中学",value:[3.1]},
            {name:"景苑中学",value:[3.05]},
            {name:"新湾镇中学",value:[3.05]},
            {name:"临江一中",value:[3.0]},
            {name:"听涛中学",value:[3.0]},
            {name:"前进中学",value:[2.95]},
            {name:"新围中学",value:[2.95]},
        ],
        //学校分析
        legendListxxfx1:[
            {name:'钱塘新区',key:1,color:'#4ca0ff',itemcolor:['#4a9fff','#0178ff'],isSign: true},
            {name:'正常',min:0,max:3.4,color:'#00cd86',itemcolor:['#2dd681','#23c5a2']}, 
            {name:'需关注',min:3.4,max:5,color:'#ff7b12',itemcolor:['#ff9600','#ff7b12'],isSign: true},
        ],
        listxxfx1:[
            {name:"钱塘新区",key:1,value:[3.2]},
            {name:"江湾小学",value:[2.6]},
            {name:"金沙学校",value:[3.2]},
            {name:"景苑小学",value:[3.9]},
            {name:"文博学校",value:[3.7]},
            {name:"文海实验学校",value:[2.7]},
            {name:"下沙第二小学",value:[3.3]},
            {name:"下沙第一小学",value:[2.5]},
            {name:"新阳光学校",value:[3.7]},
            {name:"学林街小学",value:[2.6]},
            {name:"明珠小学",value:[2.2]},
            {name:"河庄小学",value:[2.4]},
            {name:"宏图小学",value:[2.6]},
            {name:"前进第一小学",value:[2.6]},
            {name:"新湾小学",value:[2.6]},
            {name:"启慧小学",value:[2.7]},
        ],
        legendListxxfx2:[
            {name:'钱塘新区',key:1,color:'#4ca0ff',isSign: true,areaStyleColor:"#00cd86"},
            {name:'正常',key:2,color:'#00cd86',areaStyleColor:"#00cd86"}, 
            {name:'需关注',min:0.3,max:1,color:'#ff7b12',isSign: true,areaStyleColor:"#00cd86"},
        ],
        listxxfx2:[
            {name:"钱塘新区",key:1,value:[0.25]},
            {name:"江湾小学",key:2,value:[0.21]},
            {name:"金沙学校",key:2,value:[0.21]},
            {name:"景苑小学",key:2,value:[0.34]},
            {name:"文博学校",key:2,value:[0.36]},
            {name:"文海实验学校",key:2,value:[0.32]},
            {name:"下沙第二小学",key:2,value:[0.19]},
            {name:"下沙第一小学",key:2,value:[0.18]},
            {name:"新阳光学校",key:2,value:[0.11]},
            {name:"学林街小学",key:2,value:[0.18]},
            {name:"明珠小学",key:2,value:[0.31]},
            {name:"河庄小学",key:2,value:[0.31]},
            {name:"宏图小学",key:2,value:[0.15]},
            {name:"前进第一小学",key:2,value:[0.18]},
            {name:"新湾小学",key:2,value:[0.18]},
            {name:"启慧小学",key:2,value:[0.15]},
        ],
    }

  },
    methods: {
		searchFun() {
			if (this.searchPar.value1 == 1) {
				this.cardList = [
				{
					title: "教育局关于中小学信息化发展状况调研报告",
					time: "2020.11.15"
				},
				{
					title: "教师证上传",
					time: "2020.11.16"
				},
				{
					title: "上学期考试难度调查报告",
					time: "2020.11.16"
				},
				{
					title: "上学期考试难度调查报告",
					time: "2020.11.16"
				},
				{
					title: "上学期考试难度调查报告",
					time: "2020.11.16"
				}
				];
			} else {
				this.cardList = [];
			}
		},
		trans1(){
			this.active=0
		},
		trans2(){
			this.active=1
		},
		trans3(){
			this.active=2
		},
		trans4(){
			this.active=3
		},
		trans5(){
			this.active=4
		},
		trans6(){
			this.active=5
		}
    }
  }
</script>

<style lang="scss" scoped>
.evaluate-main {
  padding: 0 40px;
}
.u-cardBox {
	padding: 0 !important;
	box-shadow: 0 0 10px rgba($color: #3b64a8, $alpha: 0.1);
	.title{
		padding: 20px 30px !important;
		width: 100%;
	}
}

</style>
<style lang="scss" scoped>

.lscy {
  .tname{
    font-size:22px;
    font-weight:bold;
    color:#333333;
    margin:60px 0 20px 0;
  }
  .tname1{
    margin-top:20px;
  }
  .evaluate-box {
    width: 32%;
    height: 400px;
    overflow: hidden;
    margin-right: 1%;
    margin-bottom: 24px;
    position: relative;
    float: left;
    display:flex;
    flex-direction:column;
    .cardMain{
      flex:1;
      width:100%;
    }
  }
  .evaluate-box2 {
    width: 100%;
    height: 400px;
    overflow: hidden;
	position: relative;
	float: left;
    display:flex;
    flex-direction:column;
    .cardMain{
      flex:1;
      width:100%;
    }
  }
  .u-cardBox2{
    margin-bottom:0;
  }
  @media screen and (max-width: 1200px) {
    .evaluate-box {
      width: 48%;
    }
  }
}


/deep/ {
  .el-button--primary {
    width: 100px;
    color: #fff;
    background-color: #3964f9;
    border-color: #3964f9;
  }
}
</style>
